@import './variables.scss';
@import './mixin.scss';
@import './transition.scss';
@import './element-ui.scss';
@import './sidebar.scss';
@import './btn.scss';
///*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar
{
  width: 5px;  /*滚动条宽度*/
  height: 5px;  /*滚动条高度*/
}

/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
  border-radius: 15px;  /*滚动条的背景区域的圆角*/
}

/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb
{
  border-radius: 15px;  /*滚动条的圆角*/
  -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.3);
  background-color: #555;  /*滚动条的背景颜色*/
}
body {
  height: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
  color:#333;
  font-sie:12px;
  min-width:1200px;
}
label {
  font-weight: 700;
}

html {
  height: 100%;
  box-sizing: border-box;
}

#app{
  height: 100%;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}
body,div,p,ul,li,table,th,td,dd,dl,dt,span,strong,h1,h2,h3,h4,h5{
  margin:0;
  padding:0;
}
.no-padding {
  padding: 0px !important;
}

.padding-content {
  padding: 4px 0;
}

a:focus,
a:active {
  outline: none;
}

a,
a:focus,
a:hover {
  font-sie:12px;
  color:#333;
  cursor: pointer;
  color: inherit;
  text-decoration: none;
}

div:focus{
  outline: none;
 }

.fr {
  float: right;
}

.fl {
  float: left;
}

.pr-5 {
  padding-right: 5px;
}

.pl-5 {
  padding-left: 5px;
}

.block {
  display: block;
}

.pointer {
  cursor: pointer;
}

.inlineBlock {
  display: block;
}

.clearfix {
  &:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
  }
}
.color-red{ color:red}
.color-orange{ color:orange}
.color-mediumorchid{ color:mediumorchid}
.color-green{ color:green}
.color-lightseagreen{ color:lightseagreen}
.color-blue{ color:blue}
.color-dodgerblue{ color:dodgerblue}
.color-cornflowerblue{ color:cornflowerblue}
.color-lightskyblue{ color:lightskyblue}
.color-lightsteelblue{ color:lightsteelblue}
.color-grey{ color:grey}
.color-darkgray{ color:darkgray}

.font12{font-size:12px;}
.font14{font-size:14px;}
.font16{font-size:16px;}
.font18{font-size:18px;}
.font20{font-size:20px;}
.hidden{display: none}
.default_tips{
  line-height: 1.5;
  font-size: 13px;
  color:#999;
}
.block-title{
  margin-bottom:15px;
  padding:0 10px;
  font-size:16px;
  height:44px;
  line-height: 34px;
  color:#555;
  border-left:4px solid #3283FA;
  position: relative;
}
.block-title i{ color:#42B983; font-size:20px; margin-right:5px;}
.block-title .more{
  position: absolute;
  bottom:5px;
  right:5px;
}
.el-form .block-title{
  font-size:16px;
  border-left:none;
  border-bottom:1px solid #e2e2e2;
}
.block-title-small{
  margin-bottom:15px;
  padding:0 10px;
  font-size:100%;
  height:34px;
  line-height: 34px;
  border-bottom:1px solid #e2e2e2;
}
.block{
  padding:10px;
  background-color: #f5f5f5;
  border:1px solid #e5e5e5;
}
.block.block-warning{
  background-color: #FFFBE5 !important;
  border-color: #feb;
}
.block.block-error{
  background-color: #FFF3F1 !important;
  border-color: #FFDFDC;
}
.block.is-round{
  border-radius: 5px;
}
.page-wrapper{
  position: relative;
  height:100%;
}
.page-wrapper__body{
  height:100%;
  padding-bottom:70px;
  overflow: hidden;
  overflow-y: auto;
}
.page-wrapper__body.is-list{
  padding-bottom:0;
}
.page-wrapper .form-footer{
  clear: both;
  position: relative;
  z-index: 999;
  margin-top:-70px;
  width:100%;
  height:70px;
  padding:10px 60px;
  text-align:left;
  background-color: #dbfff3;
  border-top:1px solid #d5d5d5;
  box-shadow:0 -1px 3px #eee;
}
.page-container{
  text-align: left;
  padding:10px;
  min-height:100%;
}
.page-container.is-form{
  padding:30px 50px 50px 50px;
}
.btn-container{
  margin-bottom:10px;
  padding:0 10px;
}
.filter-container{
  padding:10px 15px;
  margin-bottom:10px;
  background-color: #F8F8F8;
}
.filter-container .filter-item{
  display: inline-block;
  margin:0 20px 15px 0;
  overflow: hidden;
  _zoom:1;
}
.filter-container .filter-item.filter-item__separator{
  display: block;
}
.filter-container .filter-item .filter-item__label,.filter-container .filter-item .filter-item__control{
  float: left;
  min-height:32px;
}
.filter-container .filter-item .filter-item__label{
  display: flex;
  padding:0 5px;
  width:70px;
  justify-content:flex-end;
  line-height: 32px;
}
.filter-container .filter-action{
  margin-left:70px;
}
.filter-container .filter-action .ant-btn + .ant-btn{
  margin-left:10px;
}
.grid-container{
  margin-bottom:50px;
}
.grid-container .grid-table-tool{
  padding:10px 0;
}
.grid-container .grid-table-tool .tool-action{
  text-align: left;
}
.grid-container .grid-table-tool .tool-action .checkAll{
  margin-left:18px;
}
.grid-container .grid-table-tool .tool-action .ant-btn{
  margin-left:10px;
}
.grid-container .grid-table-tool .tool-pagination{
  text-align: right;
}
.grid-table,.grid-table table{

}
.grid-table .el-table__header th{
  background-color: #f7f7f7;
  color:#555;
  border-color:#eee;
}


.dialog-footer{
  height:60px;
  padding:10px;
  border-top:1px solid #eee;
}
.dialog-footer__left{
  text-align: left;
}
.dialog-footer__right{
  text-align: right;
}
.dialog-footer__left .btn-delete{
  padding:10px;
}
.dialog-footer__left .btn-delete i{
  font-size:20px;
}


/*----九宫格效果样式---*/
.grid{
  width:800px;
  margin:80px auto 0 auto;
}
.grid .grid-cell{
  cursor: pointer;
  display: inline-block;
  margin:10px;
  padding:30px;
  border:1px solid #fdfdfd;
}
.grid .grid-cell:hover{
  background-color: #fefefe;
  box-shadow: 3px 2px 3px #eee;
}
.grid .grid-cell:hover i,.grid .grid-cell:hover p{
  color:#0a76a4;
}
.grid .grid-cell i{
  font-size:40px;
  color:#555;
}
.grid .grid-cell p{
  margin:0;
  padding:5px 0;
  color:#555;
  text-align: center;
}